﻿@model Contrib.Taxonomies.ViewModels.TaxonomyMenuViewModel
@{
    Script.Require("jQuery");
}

<fieldset>
    @Html.LabelFor(m => m.SelectedTaxonomyId, T("Taxonomy"))
    @Html.DropDownListFor(m => m.SelectedTaxonomyId, Model.AvailableTaxonomies)
	<span class="hint">@T("Select the taxonomy whose terms will be rendered in the menu.")</span>
</fieldset>

<fieldset>
    @Html.LabelFor(m => m.SelectedTermId, T("Root Term"))
    <select id="@Html.FieldIdFor(m => m.SelectedTermId)" name="@Html.FieldNameFor(m => m.SelectedTermId)">
        @Html.SelectOption(-1, false, T("- Parent Taxonomy -").ToString())
        @{Html.RenderAction("RenderTermSelect", "TermAdmin", new { area = "Contrib.Taxonomies", taxonomyId = Model.SelectedTaxonomyId, selectedTermId = Model.SelectedTermId });}
	</select>
    <span class="hint">@T("Select the root term to display")</span>
</fieldset>

<fieldset>
    @Html.LabelFor(m => m.LevelsToDisplay, T("Number of levels to display"))
    @Html.TextBoxFor(m => m.LevelsToDisplay, new { @class = "text-small"})
	<span class="hint">@T("Enter \"0\" to render all sub-levels.")</span>
</fieldset>

<fieldset>
    @Html.CheckBoxFor(m => m.DisplayTopMenuItem)
    <label for="@Html.FieldIdFor(m => m.DisplayTopMenuItem)" class="forcheckbox">@T("Display top level menu item")</label>
    <span class="hint">@T("When checked, the selected term to display will be rendered as a root element in the menu.")</span>
</fieldset>

<fieldset>
    @Html.CheckBoxFor(m => m.HideEmptyTerms)
    <label for="@Html.FieldIdFor(m => m.HideEmptyTerms)" class="forcheckbox">@T("Hide empty entries")</label>
    <span class="hint">@T("When checked, any term which has no content item associated to it won't be rendered.")</span>
</fieldset>

<fieldset>
    @Html.CheckBoxFor(m => m.DisplayContentCount)
    <label for="@Html.FieldIdFor(m => m.DisplayContentCount)" class="forcheckbox">@T("Display content count")</label>
    <span class="hint">@T("When checked, the number of content items is rendered following the term name.")</span>
</fieldset>

@using (Script.Foot()) {
<script type="text/javascript">
//<![CDATA[
    $(function () {
        $('#@Html.FieldIdFor(m => m.SelectedTaxonomyId)').change(function () {
            var self = $(this);
            var id = self.find("option:selected").attr("value");
            // do nothing if no term
            if(!id) return;

            $.get(
                "@Url.Action("RenderTermSelect", "TermAdmin", new { area = "Contrib.Taxonomies" })", { taxonomyId : id }, function (data) {
                    $('#@Html.FieldIdFor(m => m.SelectedTermId) option[value != -1]').remove();
                    $('#@Html.FieldIdFor(m => m.SelectedTermId)').append(data);
            });
        });
    })
//]]>
</script>
}
